<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>逛好店模块</title>
    <!-- 引用修改后的CSS文件名 -->
    <link rel="stylesheet" href="lab3-4.css">
</head>
<body>
    <div class="shop-section">
        <!-- 标题栏：文字 + 交互箭头 -->
        <div class="section-header">
            <h2>逛好店</h2>
            <a href="#" class="arrow-btn">
                <span class="arrow-inner"></span>
            </a>
        </div>

        <!-- 贝恩施店铺 -->
        <div class="shop-item first">
            <div class="shop-info">
                <h3>贝恩施京东自营官方旗舰店</h3>
                <span class="self-operated">自营</span>
                <p>277.9万人关注</p>
            </div>
            <img src="1.jpg" alt="贝恩施商品">
        </div>

        <!-- 美宝莲店铺 -->
        <div class="shop-item second">
            <div class="shop-info">
                <h3>美宝莲京东自营官方旗舰店</h3>
                <span class="self-operated">自营</span>
                <p>192.9万人关注</p>
            </div>
            <img src="2.jpg" alt="美宝莲商品">
        </div>
    </div>
</body>
</html>